.header-nav-bar-box{
    flex-shrink: 0;
    width: 100%;
    z-index: 10;
    position: relative;
    border-bottom: .01rem solid #f5f5f5;
    .van-nav-bar {
        height: .9rem;
        background: #ffffff;
        .van-nav-bar__content{
            height: .9rem;
        }
        .van-nav-bar__left {
            padding: 0 0.26667rem 0 0.13333rem;
            .van-icon-arrow-left {
                cursor: pointer;
                font-size: 0.34rem;
                margin-right: 0px;
                color: #A1A1A1;
            }
        }
        .van-ellipsis{
            white-space: normal;
        }
        .van-nav-bar__title {
            font-size: .28rem;
            color: #333333;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            overflow: hidden;
            .header-title-center{
                line-height: .31rem;
                font-weight: 400;
                max-width: 4.3rem;
                word-break: break-all;
                text-align: center;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: middle;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
        }
    }
    .header-sub-btn{
      position: absolute;
      right: 0;
      width: 1.3rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 .1rem;
      text-align: center;
      font-size: .24rem;
      word-break: normal;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #F5C62A;
    }
  }